import React from 'react';

interface ChatBotInfoProps {
  name: string;
  description: string;
}

const ChatBotInfo: React.FC<ChatBotInfoProps> = ({ name, description }) => {
  return (
    <div className="bg-white rounded-lg p-4">
      <div className="flex items-start space-x-4">
        <div className="w-12 h-12 bg-green-100 rounded-full flex items-center justify-center">
          <span className="text-2xl text-green-600">牙</span>
        </div>
        <div className="flex-1">
          <h2 className="text-lg font-medium text-gray-800">{name}</h2>
          <p className="text-gray-600 text-sm mt-1">{description}</p>
        </div>
      </div>
    </div>
  );
};

export default ChatBotInfo;